.container{
  position:relative;
  margin:20px;
  display:inline-block;
  padding:10px;
  width:100%;
}
.container:first-child{
  width:92%;
}
.topic{
  display:inline-block;
  margin-left:10px;
}
#line{
  float:left;
  margin-right:10px;
}
#icons{
  position:absolute;
  top:400px;
  left:5%;
  display:flex;
  flex-direction:column;
  float:left;
}
#cont-info{
  height:60pc;
  width:92%;
}
#cont-proj{
  height:600px;
}
#cont-clients{
  height:65pc;
}
.main{
  margin:0px;
  color:#0000cc;
  font-size:35px;
  font-weight: 650;
}
.mainn{
  margin:0px;
  color:#0000cc;
  font-size:25px;
  font-weight: 650;
}
.side{
  font-weight: 650;
  margin:0px;
  color:black;
  font-size:20px;
}
.sidee{
  margin:0px;
  color:black;
  font-size:20px;
  font-weight: 650;
}
#side-proj{
  position:relative;
  left:50px;
  top:70px;
  font-size:17px;
  line-height: 35px;
}
.text-side{
  position:relative;
  left:50px;
}
.title-space{
  position:relative;
  border-radius:20px;
background-color:#999900;
width:5px;
height:100%;
margin-top:17px;
float:left;
}
#line-projects{
width:10px;
background-color:#0052cc;
}
.cont{
  width:200px;
  float:left;
  margin:20px;
    height:350px;
}
.img {
    border-radius:20px;
  box-shadow:3px 3px 3px #000;
  width:100%;
  height:250px;
}
.des{
  text-align:center;
    font-size:16px;
}
.text{
  font-size:17px;
  text-indent: 20px;
  }
  .cap{
    position:relative;
    margin-bottom:55px;
    display:inline-block;
    height:80px;
  }
.conta p{
  font-size:20px;
}
.info-icons{
  position:relative;
  left:-200px;
  top:-50px;
  width:100px;
  border:1px solid black;
  padding:10px;
  border-radius:100px;
  box-shadow:5px 4px 4px grey;
}
.conta{
  float:left;
  display:inline-block;
  position:relative;
  left:0px;
  margin:10px;
}
#line-clients{
  width:10px;
  background-color:#b67632;
  margin-left:7pc;
  }
@media screen and (max-width:960px){
  .cap{
    margin-bottom:30px;
    margin-left:10px;
    width:200px;
    height:400px;
    float:left;
  }
#side-proj{
  position:absolute;
left:10%;
top:90px;
float:left;
}
.text-side{
  left:20px;
}
.info-icons{
  left:0px;
  top:0px;
  margin:30px;
}
.title-space{
  position:absolute;
  margin-left:-7px;
}
#line{
  margin-left:20px;
}
#line-clients{
margin-left:0pc;
}
}
@media screen and (max-width:700px){
  #cont-info{
    height:1500px;
  }
}
@media screen and (max-width:700px){
  #cont-proj{
    height:45pc;
  }
  #cont-clients{
    height:70pc;
  }
}
@media screen and (max-width:450px){
  #cont-info{
    height:1900px;
  }
}